<html>
    <head>
        <title>VCS: {% block title %}{% endblock %}</title>
        <!-- colors:
            light green: #94DA3A
            medium green: #487858
            - some nav elements/headers too
            dark green: #092E20
            - headers too
            brown (link): #AB5603
        -->
        <style type="text/css">
            p { margin: 0; }
            pre { margin: 0; }
            div.clear { clear: both; _height: 1px; width: 100% }
            h1, h2 { margin: 0; font-family: "Trebuchet MS",sans-serif; }
            a { color: #AB5603; text-decoration: none; }
            a:hover { text-decoration: underline; }

            body {
                background-color: #092E20;
                color: black;
                font-family: Verdana,sans-serif;
                margin: 0;
            }

            div#header {
                border-bottom: 1px solid black;
            }
            div#header div#nav {
                border-bottom: 1px solid black;
                padding: 0 20px;
                background-color: #092E20;
                color: white;
            }
            div#header ul#breadcrumbs {
                padding: 10px 20px;
                margin: 0;
                background-color: #94DA3A;
            }
            div#header ul#breadcrumbs li {
                display: block;
                float: left;
                list-style-type: none;
                margin-right: 5px;
            }
            div#header ul#breadcrumbs li a { color: black; }
            div#header ul#breadcrumbs li.current { font-weight: bold; }

            div#content {
                padding: 10px 20px;
                background-color: white;
            }

            div#footer {
                border-top: 1px solid black;
                padding: 4px 20px;
                color: #487858;
                background-color: #092E20;
                font-size: 12px;
            }

            {% block css %}{% endblock %}
        </style>
    </head>
    <body>
    <div id="wrapper">
        <div id="header">
            <div id="nav">
                <h1>django-vcs</h1>
            </div>
            <ul id="breadcrumbs">
                {% block breadcrumbs %}{% endblock %}
                <div class="clear"></div>
            </ul>
        </div>

        <div id="content">
            {% block content %}{% endblock %}
        </div>

        <div id="footer">
            <p>&copy;2008-2009 django-vcs</p>
        </div>
    </div>
    </body>
</html>
